<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>员工列表</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="/static/css/font.css">
  <link rel="stylesheet" href="/static/css/xadmin.css">
  <script type="text/javascript" src="/static/js/jquery.min.js"></script>
  <script src="/static/lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="/static/js/xadmin.js"></script>

</head>

<body>
<div class="x-nav">
			<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href="">演示</a>
				<a>
					<cite>导航元素</cite></a>
			</span>
  <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
     href="javascript:location.replace(location.href);" title="刷新">
    <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
  <div class="layui-row">
    <form class="layui-form layui-col-md12 x-so">
      <input type="text" name="name" id="name" placeholder="请输入名字" autocomplete="off" class="layui-input">
      <button class="layui-btn" type="button" onclick="findByName()"><i
              class="layui-icon">&#xe615;</i></button>
    </form>
  </div>
  <xblock>
    <button class="layui-btn" onclick="x_admin_show('添加用户','/userPage/userAdd',600,400)"><i
            class="layui-icon"></i>添加</button>
    <span class="x-right" style="line-height:40px" id="total">共有数据：88 条</span>
  </xblock>
  <table class="layui-table">
    <thead>
    <tr>
      <th>ID</th>
      <th>姓名</th>
      <th>性别</th>
      <th>年龄</th>
      <th>用户名</th>
      <th>电话</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody id="tb">


    </tbody>
  </table>

  <div class="page">
    <div>
      <span id="row"></span>
      <a class="prev" href="javascript:prePage()" >上一页</a>
      <span class="current" id="curPage"></span>
      <a class="num" href="" id="totalPage"></a>
      <a class="next"  href="javascript:nextPage()">下一页</a>
    </div>
  </div>
  <script>
    layui.use('laydate', function() {
      var laydate = layui.laydate;

      //执行一个laydate实例
      laydate.render({
        elem: '#start' //指定元素
      });

      //执行一个laydate实例
      laydate.render({
        elem: '#end' //指定元素
      });
    });


    /*用户-删除*/
    function member_del(obj) {
      //获取当前选中行的userId
      var userId = $(obj).parent().parent().find("td").eq(1).text();
      layer.confirm('确认该员工已经离职？', function(index) {

        $.ajax({
          url:"/userAjax/delete",
          type:"get",
          data:{"userId":userId},
          success:function (rs) {

            if(rs.success){
              $(obj).parents("tr").remove();
              layer.msg(rs.info, {
                icon: 1,
                time: 1000
              });
            }

          }
        })


      });
    }

    //页码
    var page =1;
    //每页条数
    var row = 2;
    //总页数
    var totalPage=0;

    //定义加载所有数据的方法
    function findByName(){
      var name =$("#name").val();
      $.ajax({
        url: "/userAjax/listByName",
        type: "get",
        data:{"page":page,"row":row,"name":name},
        success: function (rs) {
          var html = "";
          $("#total").text("一共"+rs.data.total+"条");
          //显示总页数
          $("#totalPage").text("共"+rs.data.totalPage+"页");
          totalPage = rs.data.totalPage;
          //当前页
          $("#curPage").text("当前第"+page+"页");
          //每页显示条数
          $("#row").text("每页"+row+"条");
          for (var i = 0; i < rs.data.list.length; i++) {
            html += "<tr>" +
                    "<td> <div class=\"layui-unselect layui-form-checkbox\" lay-skin=\"primary\" data-id='" + rs.data.list[i].userId + "'><i class=\"layui-icon\">&#xe605;</i></div> </td>" +
                    "<td>" + rs.data.list[i].userId + "</td>" +
                    "<td>" + rs.data.list[i].name + "</td>" +
                    "<td>" + rs.data.list[i].userSex + "</td>" +
                    "<td>" + rs.data.list[i].userAge + "</td>" +
                    "<td>" + rs.data.list[i].userName + "</td>" +
                    "<td>" + rs.data.list[i].tel + "</td>" +
                    "<td style='display:none'>" + rs.data.list[i].userPwd + "</td>" +
                    "<td style='display:none'>" + rs.data.list[i].salt + "</td>" +
                    "<td style='display:none'>" + rs.data.list[i].deleted + "</td>" +
                    "<td class=\"td-manage\">" +
                    "<a title=\"编辑\" onclick=\"update(this)\" href=\"javascript:;\">" +
                    " <i class=\"layui-icon\">&#xe642;</i></a>" +
                    "<a title=\"删除\" onclick=\"member_del(this)\" href=\"javascript:;\">" +
                    "<i class=\"layui-icon\">&#xe640;</i></a>" +
                    "</td>" +
                    "</tr>"
          }
          //显示在表格中
          $("#tb").html(html);
        }
      });
    }
    function loadData() {

      $.ajax({
        url:"/userAjax/list",
        type:"get",
        data:{"page":page,"row":row},
        success:function (rs) {
          if(rs.success){
            var html = "";
            //显示总条数
            $("#total").text("一共"+rs.data.total+"条");
            //显示总页数
            $("#totalPage").text("共"+rs.data.totalPage+"页");
            totalPage = rs.data.totalPage;
            //当前页
            $("#curPage").text("当前第"+page+"页");
            //每页显示条数
            $("#row").text("每页"+row+"条");
            console.log(rs.data)
            for(var i=0;i<rs.data.list.length;i++){
              html+="<tr>" +
                      "<td> <div class=\"layui-unselect layui-form-checkbox\" lay-skin=\"primary\" data-id='"+rs.data.list[i].userId+"'><i class=\"layui-icon\">&#xe605;</i></div> </td>"+
                      "<td>"+rs.data.list[i].userId+"</td>" +
                      "<td>"+rs.data.list[i].name+"</td>" +
                      "<td>"+rs.data.list[i].userSex+"</td>" +
                      "<td>"+rs.data.list[i].userAge+"</td>" +
                      "<td>"+rs.data.list[i].userName+"</td>" +
                      "<td>"+rs.data.list[i].tel+"</td>" +
                      "<td style='display:none'>"+rs.data.list[i].userPwd+"</td>" +
                      "<td style='display:none'>"+rs.data.list[i].salt+"</td>" +
                      "<td style='display:none'>"+rs.data.list[i].deleted+"</td>" +
                      "<td class=\"td-manage\">"+
                      "<a title=\"编辑\" onclick=\"update(this)\" href=\"javascript:;\">"+
                      " <i class=\"layui-icon\">&#xe642;</i></a>"+
                      "<a title=\"删除\" onclick=\"member_del(this)\" href=\"javascript:;\">"+
                      "<i class=\"layui-icon\">&#xe640;</i></a>"+
                      "</td>"+
                      "</tr>"

            }
            //显示在表格中
            $("#tb").html(html);
          }

        }
      });

    }

    //修改数据回显
    function update(obj){
      //获取当前选中行的userId
      var userId = $(obj).parent().parent().find("td").eq(1).text();
      //存入到本地存储对象中，cookie
      localStorage.setItem("userId",userId);
      var name = $(obj).parent().parent().find("td").eq(2).text();
      //存入到本地存储对象中，cookie
      localStorage.setItem("name",name);
      var userSex = $(obj).parent().parent().find("td").eq(3).text();
      //存入到本地存储对象中，cookie
      localStorage.setItem("userSex",userSex);
      var userAge = $(obj).parent().parent().find("td").eq(4).text();

      localStorage.setItem("userAge",userAge);
      var userName = $(obj).parent().parent().find("td").eq(5).text();
      //存入到本地存储对象中，cookie
      localStorage.setItem("userName",userName);
      var tel = $(obj).parent().parent().find("td").eq(6).text();
      //存入到本地存储对象中，cookie
      localStorage.setItem("tel",tel);
      var userPwd = $(obj).parent().parent().find("td").eq(7).text();
      //存入到本地存储对象中，cookie
      localStorage.setItem("user_Pwd",userPwd);
      var salt = $(obj).parent().parent().find("td").eq(8).text();
      //存入到本地存储对象中，cookie
      localStorage.setItem("salt",salt);
      var deleted = $(obj).parent().parent().find("td").eq(9).text();
      //存入到本地存储对象中，cookie
      localStorage.setItem("deleted",deleted);
      x_admin_show('编辑','/userPage/userEdit',600,400)
    }

    //文档加载事件
    $(function () {
      //运行加载数据
      loadData();
    })

    //上一页
    function prePage() {
      page--;
      if(page<1){
        page=1;
      }
      //刷新
      loadData();
    }
    //下一页
    function nextPage() {
      page++;

      if(page>totalPage){
        page = totalPage;
      }
      //刷新
      loadData();
    }

  </script>
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</body>

</html>

